<template>
  <div id="addr">
      <TopBar title="编辑地址"></TopBar>
    <van-address-edit
      :area-list="areaList"
      show-postal
      show-delete
      show-set-default
      show-search-result
      :area-columns-placeholder="['请选择', '请选择', '请选择']"
      @save="onSave"
      @delete="onDelete"
    />
  </div>
</template>

<script>
import { Toast } from 'vant';
import {TopBar} from '@/components'

export default {
  components: {
    TopBar
  },
  data() {
    return {
      areaList:{
        province_list: {
          110000: '北京市',
          120000: '天津市'
        },
        city_list: {
          110100: '北京市',
          110200: '县',
          120100: '天津市',
          120200: '县'
        },
        county_list: {
          110101: '东城区',
          110102: '西城区',
          110105: '朝阳区',
          110106: '丰台区',
          120101: '和平区',
          120102: '河东区',
          120103: '河西区',
          120104: '南开区',
          120105: '河北区'
        }
      },
    };
  },
  methods: {
    onSave(e) {
      Toast('保存');
      const data = {
        username: e.name,
        phone: e.tel,
        addr: e.addressDetail,
        postal: e.postalCode,
        primary: e.isDefault
      }
      this.$api.userAddAddr(data).then(res => {
        console.log(res);
        this.$router.go(-1)
      })
    },
    onDelete(e) {
      Toast('重置中');
      e.name = ''
      e.tel = ''
      e.addressDetail = ''
      e.postal = ''
    },
  },
};
</script>

<style>

</style>